<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>让那场风雨把我绞染</title>
    <meta name="keywords" content="">
    <meta name="description" content="一阵 阵雷声之后">
    <link rel="stylesheet" type="text/css" href="/public/css/common.css?v7.2"/>
    <link rel="stylesheet" type="text/css" href="/public/css/public.css?v1"/>
    <script type="text/javascript" src="/public/js/jq.js?v4.1"></script>
    <script type="text/javascript" src="/public/js/ss.js?v4.8"></script>
</head>
<body>
<div class="" style="display: none; position: absolute;">
    <div class="aui_outer">
        <table class="aui_border">
            <tbody>
            <tr>
                <td class="aui_nw"></td>
                <td class="aui_n"></td>
                <td class="aui_ne"></td>
            </tr>
            <tr>
                <td class="aui_w"></td>
                <td class="aui_c">
                    <div class="aui_inner">
                        <table class="aui_dialog">
                            <tbody>
                            <tr>
                                <td colspan="2" class="aui_header">
                                    <div class="aui_titleBar">
                                        <div class="aui_title" style="cursor: move;"></div>
                                        <a class="aui_close">×</a></div>
                                </td>
                            </tr>
                            <tr>
                                <td class="aui_icon" style="display: none;">
                                    <div class="aui_iconBg" style="background: none;"></div>
                                </td>
                                <td class="aui_main" style="width: auto; height: auto;">
                                    <div class="aui_content" style="padding: 20px 25px;"></div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" class="aui_footer">
                                    <div class="aui_buttons" style="display: none;"></div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </td>
                <td class="aui_e"></td>
            </tr>
            <tr>
                <td class="aui_sw"></td>
                <td class="aui_s"></td>
                <td class="aui_se" style="cursor: se-resize;"></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="pb-container">
    <div class="pb-main pb-navwrap pb-after-clear" th:include="web_public :: header">
    </div>
    <!-- 公共头部 -->

    <!-- 面包屑 -->
    <div class="pb-main pb-breadcrumbs pb-mt40 pb-size-small"><a href="/web/article/blog">主页</a> &gt; <a
            th:href="@{'/web/article/list?articleType='+${article.articleType}+'&page=1'}"
            th:text="${article.articleType}"></a> &gt;
    </div>
    <!-- 面包屑结束 -->
    <!-- 当前页面内容 -->
    <link rel="stylesheet" type="text/css" href="/public/css/article.css?v3">
    <div class="pb-main pb-mt20">
        <!--主文章展示-->
        <div class="atl-main pb-inner-main">
            <div class="pb-after-clear">
                <h1 class="pb-fl" th:text="${article.articleTitle}"></h1>
            </div>
            <div class="pb-mt15 pb-size-tiny meta"><span class="dt"
                                                         th:text="${article.createAt}"></span>
                <span class="at" th:text="'作者：'+ ${article.articleAuthor}"></span> &nbsp;&nbsp;|&nbsp;&nbsp; <span
                        class="vw"><i class="pb-icons"></i><a
                        th:text="'浏览（' + @{(${article.readTime})} + '）'"></a></span>
            </div>
            <div class="pb-mt20 cnt">
                <p  th:text="${article.articleAbstract}"/>
                <div >
                    <span th:utext="${inner}"/>
                </div>
                <p>
                    <img alt="" th:src="${article.articlePicture}"></p>
            </div>
            <div class="pb-mt30 pb-after-clear pb-art-sxp">
                <ul>
                    <li>上一篇：没有了</li>
                    <li>下一篇：<a href="http://demo380.adminbuy.cn/a/yxwz/3.html">耐住寂寞的智慧</a></li>
                </ul>
            </div>
            <div class=" pb-mt50">
                <h6 class="pb-clr1 pb-size-big">相关文章</h6>
                <ul class="wqzt pb-mt10">

                    <li>
                    </li>
                </ul>
            </div>
        </div>
        <!--主文章展示 end-->

        <div class="commside">
            <!--右侧我要投稿公共部分-->

            <!--右侧我要投稿公共部分-->
            <div class="pb-main-side pb-iblock pb-after-clear pb-fr pb-mt40">
                <h6 class="pb-clr1 pb-size-big">热文排行</h6>
                <div class="pb-line2 pb-mt5"></div>
                <ul class="pb-mt10 previous-term pb-size-normal" th:each="top:${articleTop7}">
                    <li>
                        <span>.</span>
                        <a th:href="@{'/web/article/detail?id='+${top.id}}" th:text="${top.articleTitle}"></a>
                        <div class="pb-line2"></div>
                    </li>
                </ul>
            </div>
            <div style="clear:both;"></div>
            <div class="sidewrap  pb-mt40">
                <h6 class="pb-clr1 pb-size-big">倾听世界</h6>
                <div class="pb-line2 pb-mt5"></div>
                <div style="height:480px;overflow:hidden;" class="con pr" th:each="lw:${articleListenWorld6}">
                    <div th:if="${(lwStat.index)%2 eq 0}"
                         th:style="'left:0px;height:150px;top:' + @{(${lwStat.index}/2*155+15)} + 'px'"
                         class="single"><a th:title="${lw.articleTitle}"
                                           th:href="@{'/web/article/detail?id='+${lw.id}}"><img
                            th:alt="${lw.articleTitle}" th:src="${lw.articlePicture}" style="width:145px;"></a>
                    </div>

                    <div th:if="${(lwStat.index)%2 eq 1}"
                         th:style="'left:150px;height:150px;top:' + @{(${lwStat.index}/2*155+15)} + 'px'"
                         class="single"><a th:title="${lw.articleTitle}"
                                           th:href="@{'/web/article/detail?id='+${lw.id}}"><img
                            th:alt="${lw.articleTitle}" th:src="${lw.articlePicture}" style="width:145px;"></a>
                    </div>
                </div>
            </div>
        </div>
        <div style="clear:both;"></div>
    </div>

<!-- 公共尾部 -->

<div style="clear:both;"></div>
<div class="pb-footer" th:include="web_public :: footer"></div>
</div>
<div style="display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: move; opacity: 0; background: rgb(255, 255, 255);"></div>
</body>
</html>